<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>即刻体检</title>
  </head>
  <body data-spy="scroll" data-target="#articleNavbar" data-offset="150">
    <div class="healTemplate">
      <div class="page1">
        <div class="title">
          <p class="tit">健康体检报告</p>
          <p class="subTit">MEDICAL EXAMINATION REPORT</p>
        </div>
        <div class="templateCon">
          <div class="head">
            <div class="limg">
              <p><img src="https://pipitcast.oss-cn-beijing.aliyuncs.com/5f465661-5ccc-4f37-bc59-ad5d95b7e56c.png" /></p>
              <p>${model.checkUser.name}(<#if model.checkUser.sex==1>
                男
                <#elseif model.checkUser.sex==2>
                女
                </#if>)</p>
            </div>
            <div class="rCode">
              <p class="rImg"><img src="data:image/png;base64,${model.checkForm.barcode}" style="width: 300px;height: 50px" /></p>
              <p class="rText">${model.checkForm.id?string["0"]}</p>
              <p style="height: 20px;"></p>
              <p>订单编号&nbsp;&nbsp;&nbsp;${model.checkForm.id?string["0"]}</p>
            </div>
          </div>
          <div class="userInfo">
            <div class="item">
              <label>体检人手机号：</label><span>${model.checkUser.phone}</span>
            </div>
            <div class="item">
              <label>体检人证件号：</label><span>${model.checkUser.idCardNo}</span>
            </div>
            <div class="item">
              <label>出生日期：</label><span>${model.checkUser.birthday}</span>
            </div>
            <div class="item"><label>婚姻状况：</label><span>
              <#if model.checkUser.maritalStatus==0>
              未婚
              <#elseif model.checkUser.maritalStatus==1>
              已婚
              </#if>
            </span></div>
            <div class="item">
              <label>套餐名称：</label><span>${model.checkForm.setmealName}</span>
            </div>
            <div class="item">
              <label>总检日期：</label><span>${model.checkForm.summaryTime.format('yyyy-MM-dd')}</span>
            </div>
            <div class="item itemW100">
              <label>地址：</label
              ><span
                >${model.checkUser.address}</span
              >
            </div>
          </div>
        </div>
      </div>
      <div class="page2">
        <div class="warnInfo">
          <div class="tit">
            <p>尊敬的<span>${model.checkUser.name}</span>
              <#if model.checkUser.sex==1>
              先生
              <#elseif model.checkUser.sex==2>
              女士
              </#if>
              ，您好！</p>
            <p class="text">
              即刻体检感谢您的光临和对我们的信任和⽀持。现将您${model.checkForm.arrivalTime.format('yyyy年MM月dd日')}的
              体检报告呈上。
            </p>
          </div>
          <div class="subTit">报告阅读说明书</div>
          <div class="readCon">
            <p>
              1.您本次体检报告由健康信息、本次体检主要阳性结果和异常情况、专家指导建议及本次体检结果等部分组成。
            </p>
            <p>
              2.健康体检數据只是针对本次体检覆盖的相关器官的相关项目或指标的检查结果，并非能覆盖人体全部器官及全部指标。
            </p>
            <p>
              3.您的体检报告结论是基于您提供的健康信息及本次临床检査结果，隐睛和错误的信息都可能会误导医生作出错误的判断。如果
              您提供的健康信息不完整，可能会导致相关检查结论有偏差。
            </p>
            <p>
              4.因为检查方法的不同，针对同一器官或者系统的检查结果可能会有所差异。
            </p>
            <p>
              5.由于体检选项、检查方法及医学本身的局限性，本次体检未见异常并不代表没有疾病，如您有不适症状，请及时到医院就诊。
            </p>
          </div>
        </div>
      </div>
      <div class="page">
        <div class="pageTit">
          1.体检重要异常结果、复查建议及治疗建议阳性结果和异常情况
        </div>
        <div class="">
          <#list model.checkAbnormalResultList as u>
          <p>【${u_index + 1}】${u}</p>
          </#list>
        </div>
      </div>
      <div class="page">
        <div class="pageTit">2.专家建议与指导</div>
        <div>
          <#if model.checkSummary.diagnosisType==0>
          检查项诊断：
          <#elseif model.checkSummary.diagnosisType==1>
          检查组诊断：
          <#elseif model.checkSummary.diagnosisType==2>
          总检诊断：
          </#if>
          ${model.checkSummary.diagnosisSummary}
        </div>
        <div>诊断建议：</div>
        <div class="">
          ${model.checkSummary.diagnosisSuggestion}
        </div>
      </div>
      <div class="page">
        <div class="pageTit">3.健康体检结果</div>
        <div class="tableList">
          <#list model.checkupResultGroupList  as item>
          <div class="item">
            <div class="tabTit">${item.checkGroupName}</div>
            <table class="tableBox">
              <tr>
                <th>项目名称</th>
                <th>检查结果</th>
                <#if item.checkupResultItemList[0].unit?has_content>
                <th>单位</th>
                <th>参考范围</th>
                <th>提示</th>
                </#if>
              </tr>
              <#list item.checkupResultItemList as val>
              <tr>
                <td>${val.checkItemName}</td>
                <td>${val.result}</td>
                <#if val.unit?has_content>
                <td>${val.unit}</td>
                <td>${val.referenceRange}</td>
                <td>${val.diagnosisSummary}</td>
                </#if>
              </tr>
              </#list>
            </table>
            <div class="nodulus">
              <p>小结：${item.diagnosisSummary}。</p>
              <p class="textR">小结医生：${item.doctor}</p>
              <p class="textR">小结日期：${item.diagnosisTime.format('yyyy.MM.dd')}</p>
            </div>
          </div>
          </#list>
        </div>
      </div>
    </div>
  </body>
</html>

<style>
  body{
    font-family: "宋体", "Microsoft YaHei", "微软雅黑", "Arial", sans-serif;
  }
  body,
  div,
  p {
    padding: 0;
    margin: 0;
    font-size: 14px;
  }
  .page1 {
    padding: 160px 0 120px;
  }
  .healTemplate {
    padding: 0 60px;
  }
  .healTemplate .title {
    text-align: center;
    padding: 20px 0;
  }
  .healTemplate .title .tit{
    font-size: 46px;
  }
  .healTemplate .subTit {
    font-size: 16px;
    color: rgb(129, 129, 129);
  }
  .templateCon .head {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #000;
    padding: 0 0 15px;
  }
  .templateCon .head .limg {
    text-align: left;
    width: 50%;
  }
  .templateCon .head .limg img {
    width: 100px;
    height: 100px;
  }
  .templateCon .head .rCode {
    text-align: right;
    width: 50%;
  }
  .templateCon .head .rCode img{
    width: 50%;
  }
  .userInfo {
    
    padding: 10px 0;
  }
  .userInfo .item {
    /* flex: 1; */
    float: left;
    width: 50%;
    padding: 5px 0;
  }
  .userInfo:after{
    content: '';
    display: table;
    clear: both;
  }
  .userInfo .itemW100 {
    width: 100%;
  }
  .userInfo .item label {
    display: inline-block;
    width: 120px;
    text-align: left;
  }
  .warnInfo {
    padding: 10px 0;
    line-height: 24px;
  }
  .warnInfo .tit .text {
    font-size: 12px;
  }
  .warnInfo .tit span {
    font-size: 16px;
    font-weight: 700;
    padding: 0 8px;
  }
  .subTit {
    padding: 15px 0;
  }
  .readCon {
    font-size: 12px;
    border: 1px solid rgb(241, 241, 241);
    background: rgb(252, 252, 252);
    padding: 8px 12px;
    line-height: 24px;
  }
  .page2 {
    padding: 30px 0;
    margin-bottom: 550px;
  }
  .page {
    line-height: 24px;
    padding: 30px 0 0;
  }
  .page .pageTit {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px;
  }
  .tableList .tabTit{
    padding: 8px 0;
    font-size: 14px;
    font-weight: 700;
  }
  .nodulus{
    padding: 20px 0 0;
    font-weight: 700;
  }
  .nodulus .textR{
    text-align: right;
  }
  .tableBox{
    width:100%;border-collapse: collapse;
    text-align: left;
  }
  .tableBox th{
    border: 1px solid #000;
    border-left:0px;
    border-right: 0px;
    padding: 5px 0;
    text-align: left;
  }
  .tableBox td{
    padding: 5px 0;
  }
  .rImg{margin-right: -70px;}
  .rText{letter-spacing: 2px}
</style>
